<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./src/css/bootstrap.min.css">
    <link rel="stylesheet" href="./src/css/login.css">
    <title>Document</title>
</head>

<body>
    <!-- Modal帮助手册 -->
    <div class="modal fade" data-backdrop="static" id="myModal">
        <div class="modal-dialog help-modal-dialog" style="width: 426px;height:314px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel"></h4>
                </div>
                <div class="modal-body">
                    <div class="box-link">
                        <a href="javascript:;">
                            <!-- 企业用户操作手册 -->
                        </a>
                    </div>
                    <div class="box-link">
                        <a href="javascript:;">
                            <!-- 政府用户操作手册 -->
                        </a>
                    </div>
                    <div class="box-link">
                        <a href="javascript:;">
                            <!-- 常见问题解答 -->
                        </a>
                    </div>

                </div>

            </div>
        </div>
    </div>
    <!-- Modal移动端下载 -->
    <div class="modal fade" data-backdrop="static" id="myModalQRcode">
        <div class="modal-dialog qrcode-modal-dialog" style="width: 820px;height:426px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    <a class="link-apk" href="javascript:;">
                        <!-- 政府端 -->
                    </a>
                    <a class="link-apk" href="javascript:;">
                        <!-- 企业端 -->
                    </a>

                </div>
            </div>
        </div>
    </div>
    <div class="wrapper">
        <header>
            <img src="./src/img/logo.png" alt="">
        </header>
        <main>
            <div class="login-box">
                <h3>欢迎登录</h3>
                <div class="from-box">
                    <p class="err-msg">您输入的账号不存在，或输入有误。</p>
                    <!-- <div class="form-group has-success  has-error has-feedback"> -->
                    <div class="form-group  has-feedback">
                        <!-- <label class="control-label" for="inputSuccess2">Input with success</label> -->
                        <input placeholder="用户名" type="text" class="form-control" id="inputSuccess2">
                        <span class="glyphicon glyphicon-ok form-control-feedback">
                            <img src="./src/img/user.png" alt="">
                        </span>
                    </div>

                    <!-- <div class="form-group has-success  has-error has-feedback"> -->
                    <div class="form-group   has-feedback">
                        <!-- <label class="control-label" for="inputSuccess2">Input with success</label> -->
                        <input placeholder="密码" type="password" class="form-control" id="inputSuccess2">
                        <span class="glyphicon glyphicon-ok form-control-feedback">
                            <img src="./src/img/pwd.png" alt="">
                        </span>
                    </div>

                    <!-- <div class="form-group has-success  has-error has-feedback"> -->
                    <div class="yzm-box">
                        <div class="form-group  " style="display:inline-block;width:196px;">
                            <input placeholder="验证码" type="password" class="form-control" id="inputSuccess2">
                        </div>
                        <a href="javascript:;"> <img src="./src/img/yzm.png" alt=""></a>
                        <a href="javascript:;">换一张</a>
                    </div>

                    <button type="button" class="btn my-btn ">登 录</button>

                    <div class="other-main">
                        <span data-toggle="modal" data-target="#myModal"> <img src="./src/img/help.png">
                            帮助手册</span>


                        <span data-toggle="modal" data-target="#myModalQRcode">
                            <img src="./src/img/qrcode.png" alt="">
                            移动端下载</span>
                        <span> <img src="./src/img/phone.png" alt=""> 400-200-0000</span>

                    </div>
                </div>

            </div>
        </main>
        <footer>
            建设单位：西乌珠穆沁旗应急管理局<br />
            技术支持：锡林郭勒盟瑞科科技发展有限公司
        </footer>

    </div>
    <div class="calvas-bg">
        <canvas id="waves" class="waves" width="100%" height="1005"></canvas>

    </div>


    <script src="./src/js/jquery-1.10.2.min.js"></script>
    <script src="./src/js/bootstrap.min.js"></script>

    <script src="./src//js/49f8daee.vendors.js"></script>
    <script src="./src/js/26f2fc0d.index.js"></script>

</body>

</html>